$(function(){
	var $ali = $(".banner ul").children();
	$ali.on("mouseover",function(){
		var index = $(this).index();
		$(this).css("background","#e5004f").siblings().css("background","");
		var $banners = $(".banner div");
		console.log($banners[index])
		$banners[index].stop().animate({opacity:1},200).siblings().stop().animate({opacity:0},200);
	})
	$(".banner").hover(
		function(){		
			$(".banner b").show();
			$(".leftBtn").hover(
				function(){
					$(this).addClass("_leftBtn");
				},
				function(){
					$(this).removeClass("_leftBtn");
				}
			);
			$(".rightBtn").hover(
				function(){
					$(this).addClass("_rightBtn");
				},
				function(){
					$(this).removeClass("_rightBtn");
				}
			)
		},
		function(){
			$(".banner b").hide();
		}
	)
	//banner图右侧图片效果
	$(".banner>a").mouseover(function(){
		$(this).animate({right:45},300);
		$(".banner b").hide();//左右按键消失
	})
	$(".banner>a").mouseout(function(){
		$(this).animate({right:36},300);
		$(".banner b").show();//左右按键出现
	})
	//面膜图片效果
	$(".brand-right img").mouseover(function(){
		$(this).animate({opacity:0.8},200)
	});
	$(".brand-right img").mouseout(function(){
		$(this).animate({opacity:1},200)
	})
})
